<div data-role="page" id="universityNavegation">
    <style type="text/css">
        .ui-selectmenu {
            max-width: 350px;
            padding: 6px;
            position: absolute;
            width: 80%;
            z-index: 1001 !important;
        }
    </style>
    <script type="text/javascript">
        $(function() {
            $('#navigationDiv a').live('click', function() {
                $(".ui-icon-arrow-d").removeClass("ui-icon-arrow-d").addClass("ui-icon-arrow-r");

                var obj = $(this).parent().next();
                $(obj).removeClass("ui-icon-arrow-r").addClass("ui-icon-arrow-d");
                $("#dialogSubmenu").show(500);
            });
            $('#closeDialog').live('click', function() {
                $(".ui-icon-arrow-d").removeClass("ui-icon-arrow-d").addClass("ui-icon-arrow-r");
                $("#dialogSubmenu").hide(500);
            });
        });
    </script>

    <div data-role="header" data-backbtn="false">
        <img src="/images/mobile/teg_logo.png" class="logo"/>
        <a href="#" data-icon="check" data-rel="back" data-theme="b" class="ui-btn-right">Back</a>
    </div>

    <div data-role="content" id="navigationDiv">
        <ul data-role="listview">
            <li><a href="#" style="min-height: 20px">
                <img src="/images/mobile/icon_menu_abt.png"/>

                <h3>About Taylor's</h3>
            </a></li>
            <li><a href="#" style="min-height: 20px">
                <img src="/images/mobile/icon_menu_school.png"/>

                <h3>Schools</h3>
            </a></li>
            <li><a href="#" style="min-height: 20px">
                <img src="/images/mobile/icon_menu_student.png"/>

                <h3>Students</h3>
            </a></li>
            <li><a href="#" style="min-height: 20px">
                <img src="/images/mobile/icon_menu_partnership.png"/>

                <h3>Partnership</h3>
            </a></li>
            <li><a href="#" style="min-height: 20px">
                <img src="/images/mobile/icon_menu_news.png"/>

                <h3>News & Events</h3>
            </a></li>
            <li><a href="#" style="min-height: 20px">
                <img src="/images/mobile/icon_menu_merchant.png"/>

                <h3>Merchant</h3>
            </a></li>
        </ul>
    </div>

    <div data-role="footer" data-id="foo1" data-position="fixed">
        <div data-role="navbar">
            <ul>
                <li><a href="footer-persist-a.html" class="ui-state-persist" data-theme="a">
                    <!--<img src="/images/mobile/menu_favorite.png"/>-->
                     Favourite</a></li>
            </ul>

        </div>
        <!-- /navbar -->
    </div>
</div>

<!--<div id="dialogSubmenu" class="ui-selectmenu ui-overlay-shadow ui-corner-all ui-body-a pop in" style="display: inline">
    <div class="ui-header ui-bar-a" style="display: inline;">
        <h1 class="ui-title">About Taylor's</h1>
        <a href="#" class="ui-btn-left ui-btn ui-btn-up-a ui-btn-icon-notext ui-btn-corner-all ui-shadow"
           data-iconpos="notext" data-icon="delete" title="Close" data-theme="a" style="display: inline;">
            <span aria-hidden="true" class="ui-btn-inner ui-btn-corner-all">
                <span class="ui-btn-text">Close</span>
                <span class="ui-icon ui-icon-delete ui-icon-shadow"></span>
            </span>
        </a>
    </div>
    <ul class="ui-selectmenu-list ui-listview" id="select-choice-11-menu" role="listbox"
        aria-labelledby="select-choice-11-button" data-theme="a">
        <li class="ui-btn ui-btn-icon-right ui-li ui-btn-active ui-btn-up-a" data-icon="false" data-option-index="0"
            role="option" tabindex="0" data-theme="a" aria-selected="true">
            <div aria-hidden="true" class="ui-btn-inner ui-li">
                <div class="ui-btn-text">
                    <a href="#" class="ui-link-inherit">Edit user</a>
                </div>
            </div>
        </li>
        <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="1" role="option"
            tabindex="-1" data-theme="a" aria-selected="false">
            <div aria-hidden="true" class="ui-btn-inner ui-li">
                <div class="ui-btn-text">
                    <a href="#" class="ui-link-inherit">Delete user</a>
                </div>
            </div>
        </li>
    </ul>
</div>-->

<div id="dialogSubmenu" class="ui-selectmenu ui-overlay-shadow ui-corner-all ui-body-a pop in" style="top: 100.5px; left: 30px; display: none; z-index: 1001">
    <div class="ui-header ui-bar-a" style="position: relative;"><h1 class="ui-title">About Taylor's</h1><a id="closeDialog" href="#"
                                                                                class="ui-btn-left ui-btn ui-btn-up-a ui-btn-icon-notext ui-btn-corner-all"
                                                                                data-iconpos="notext" data-icon="delete"
                                                                                title="Close" data-theme="a"
                                                                                style="display: inline-block;"><span
            aria-hidden="true" class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Close</span><span
            class="ui-icon ui-icon-delete ui-icon-shadow"></span></span></a></div>
    <ul class="ui-selectmenu-list ui-listview" id="selectSchool-menu" role="listbox"
        aria-labelledby="selectSchool-button" data-theme="a">

        <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="2" role="option"
            tabindex="-1" data-theme="a" aria-selected="false">
            <div aria-hidden="true" class="ui-btn-inner ui-li">
                <div class="ui-btn-text"><a href="#" class="ui-link-inherit">Our Story</a><span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span></div>
            </div>
        </li>
        <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="2" role="option"
            tabindex="-1" data-theme="a" aria-selected="false">
            <div aria-hidden="true" class="ui-btn-inner ui-li">
                <div class="ui-btn-text"><a href="#" class="ui-link-inherit">Core Purpose</a><span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span></div>
            </div>
        </li>
        <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="2" role="option"
            tabindex="-1" data-theme="a" aria-selected="false">
            <div aria-hidden="true" class="ui-btn-inner ui-li">
                <div class="ui-btn-text"><a href="#" class="ui-link-inherit">TEG Foundation</a></div>
            </div>
        </li>
        <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="2" role="option"
            tabindex="-1" data-theme="a" aria-selected="false">
            <div aria-hidden="true" class="ui-btn-inner ui-li">
                <div class="ui-btn-text"><a href="#" class="ui-link-inherit">Our Story</a></div>
            </div>
        </li>
        <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="2" role="option"
            tabindex="-1" data-theme="a" aria-selected="false">
            <div aria-hidden="true" class="ui-btn-inner ui-li">
                <div class="ui-btn-text"><a href="#" class="ui-link-inherit">Our Story</a></div>
            </div>
        </li>
        <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="2" role="option"
            tabindex="-1" data-theme="a" aria-selected="false">
            <div aria-hidden="true" class="ui-btn-inner ui-li">
                <div class="ui-btn-text"><a href="#" class="ui-link-inherit">Our Story</a></div>
            </div>
        </li>
        <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="2" role="option"
            tabindex="-1" data-theme="a" aria-selected="false">
            <div aria-hidden="true" class="ui-btn-inner ui-li">
                <div class="ui-btn-text"><a href="#" class="ui-link-inherit">Our Story</a></div>
            </div>
        </li>
        <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="2" role="option"
            tabindex="-1" data-theme="a" aria-selected="false">
            <div aria-hidden="true" class="ui-btn-inner ui-li">
                <div class="ui-btn-text"><a href="#" class="ui-link-inherit">Our Story</a></div>
            </div>
        </li>
        <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="2" role="option"
            tabindex="-1" data-theme="a" aria-selected="false">
            <div aria-hidden="true" class="ui-btn-inner ui-li">
                <div class="ui-btn-text"><a href="#" class="ui-link-inherit">Our Story</a></div>
            </div>
        </li>
        <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-a" data-icon="false" data-option-index="2" role="option"
            tabindex="-1" data-theme="a" aria-selected="false">
            <div aria-hidden="true" class="ui-btn-inner ui-li">
                <div class="ui-btn-text"><a href="#" class="ui-link-inherit">Our Story</a></div>
            </div>
        </li>
    </ul>
</div>